<template>
	<view class="message">
		<view class="title">
			务必填写真实情况，如因提交信息不实，所导致的后果将有个人承担
		</view>
		<view class='baseInfo'>
		  <h3>基本信息</h3>
		</view>		 
		<form bindsubmit="formSubmit">
		<view class='list'>
		  <view class='name'>
		    <text>*姓名</text>
		    <input name="name" type='text' v-model="name" placeholder-style='font-size:28rpx;' placeholder='请输入你的姓名'></input>
		  </view>
		  </view>
		 
		  <view class='sex'>
		    <text>性别</text>
		    <radio-group class="radio-group" bindchange="radioChange">
		      <label class="radio">
		        <radio/>男
				<radio/>女
		      </label>
		    </radio-group>
		  </view>
		
		    <view class='phone'>
		    <text>年龄(岁)</text>
		    <input name="nl" type='text' placeholder-style='font-size:28rpx;' placeholder='请输入你的年龄'></input>
		  </view>
		 
		  <view class='phone'>
		    <text>籍贯</text>
		    <input name="sg" type='text' placeholder-style='font-size:28rpx;' placeholder='请输入你的籍贯'></input>
		  </view>
		
		  <view class='phone'>
		    <text>手机号</text>
		    <input name="tz" type='text' placeholder-style='font-size:28rpx;' placeholder='请输入你的手机号'></input>
		  </view>
		  <view class='sex'>
		    <text>健康状况</text>
		    <radio-group class="radio-group" bindchange="radioChange">
		      <label class="radio">
		        <radio/>健康
		  		<radio/>异常
		      </label>
		    </radio-group>
		  </view>
		
		<view class='baseInfo'>
		  <text>员工信息</text>
		</view>
		
		  <view class='phone'>
		    <text>部门</text>
		    <input name="lw" type='text' placeholder-style='font-size:28rpx;' placeholder='请输入你的部门'></input>
		  </view>
		
		    <view class='phone'>
		    <text>工号</text>
		    <input name="jk" type='text' placeholder-style='font-size:28rpx;' placeholder='请输入你的工号'></input>
		  </view>

		<view class='baseInfo'>
		  <text>健康信息</text>
		</view>
		
		    <view class='phone'>
		    <text>健康问题详细情况</text>
		    <input name="tw" type='text' placeholder-style='font-size:28rpx;' placeholder='请输入'></input>
		  </view>

		<button form-type='submit' @click="submit">提交</button>
		</form>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				
			}
		},
		methods:{
			submit(){
					uni.showToast({ 
						title: '提交成功',
						icon: 'none'
					})
				
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.message{
		.title{
			background-color: rosybrown;
			font-size: 25upx;
			color: red;
		}
		page{
		  background: #eee;
		}
		.baseInfo{
		  padding:20rpx 10rpx;
		}
		
		.baseInfo text{
		  font-size: 28rpx;
		  color: #6f6f6f;
		}
		
		
		
		.list{
		  color: #6f6f6f;
		  font-size: 32rpx;
		}
		
		 
		.name,.sex,.phone,.info{
		  background: #fff;
		  display: flex;
		  justify-content: space-between;
		  align-content: center;
		  align-items: center;
		  padding: 20rpx;
		  border-bottom: 1rpx solid #eee;
		}
		.name input,.phone input,.info input{
		  text-align:right;
		}
		
		.sex{
		  background: #fff;
		}
		
		
		.radio radio{
		  margin-left: 30rpx;
		}
		 
		button{
		  background-color: #FE6702;
		  color: #fff;
		
		 
		  width: 100%;
		}
	}
	
</style>